<template>
	<view>
		<view class="head">
			<view class="box">
				<image class="img1" src="../../static/Estate/icon03.png" mode=""></image>
			</view>
			<view class="title">
				{{title}}
			</view>
			<view class="box" @click="btn1">
				<image  class="img2"  src="../../static/Estate/icon3.png" mode=""  ></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:''
		},
		data() {
			return {
				
			};
		},
		
		methods:{
			btn1(){
				 this.$emit('notice', 1)
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F5F5F5;
	}
	.head{
		height: 100rpx;
		line-height: 100rpx;
		padding: 0 40rpx;
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		.title{
			    font-weight: 700;
			    font-size: 16px;
			    line-height: 100rpx;
			    text-align: center;
			    overflow: hidden;
		}
		.box{
			margin: auto 0;
			margin-top: 15rpx;
		}
		.img1{
			margin: 0 auto;
			width: 50rpx;
			height: 50rpx;
		}
		.img2{
			margin-top: 10rpx;
			width: 50rpx;
			height: 50rpx;
		}
	}
</style>
